<template>

    <div class="m-style have-nav">
        <blockIndexNavBar :title="'护照列表'"></blockIndexNavBar>

        <m_pageList
            ref="pageList"
            :url="url"
            :cols="cols"
        >
            <template v-slot="scope">
                <strong>{{ scope.row.numbering }}</strong>
            </template>
        </m_pageList>
        <!--        <van-pull-refresh v-model="refreshing" @refresh="onRefresh">-->
        <!--            <van-list-->
        <!--                v-model="loading"-->
        <!--                :finished="finished"-->
        <!--                finished-text="没有更多了"-->
        <!--                @load="getData"-->
        <!--            >-->
        <!--                <lee-card v-for="item in dataList" :key="item._id">-->
        <!--                    <van-cell-group>-->
        <!--                        <van-cell title="单位员工"-->
        <!--                                  :value="item.true_name"-->
        <!--                        />-->
        <!--                        <van-cell title="护照类型"-->
        <!--                                  :value="item.passport_type"-->
        <!--                        />-->
        <!--                        <van-cell title="证件编号"-->
        <!--                                  :value="item.numbering"-->
        <!--                        />-->
        <!--                        <van-cell title="状态"-->
        <!--                                  :value="item.status"-->
        <!--                        />-->
        <!--                        <van-cell title="到期日期"-->
        <!--                                  :value="tabformatDate(item.expiry_data)"-->
        <!--                        />-->
        <!--                        <van-cell title="在库状态"-->
        <!--                                  :value="getStatus(item)"-->
        <!--                        />-->
        <!--                    </van-cell-group>-->
        <!--                </lee-card>-->
        <!--            </van-list>-->
        <!--        </van-pull-refresh>-->
    </div>
</template>

<script>
import {Config} from "@/config/formDataOptions";
import blockIndexNavBar from "@/components/blockIndexNavBar";
import LeeCard from "@/uitl/card";
import {API_URL} from "@/config/urlInfo";
import m_pageList from "@/uitl/m_pageList";

export default {
    name: "passportList",
    components: {
        LeeCard,
        blockIndexNavBar,
        m_pageList
    },
    data() {
        return {
            url: API_URL.passportList,
            cols: {
                show: [
                    {title: '护照类型', field: 'passport_type'},
                    {title: '证件编号', field: 'numbering'},
                    {title: '状态', field: 'status'},
                    {title: '到期日期', field: 'expiry_data'},
                    {title: '在库状态', field: 'loan_status'},
                ],
                // hide: [
                //
                // ]
            },
        };
    }
}
</script>

<style scoped lang="less">
.search-btn {
    .van-button {
        width: 48%;
        margin-right: 1%;
    }

    background: #fff;
    text-align: center;
    padding: 11px 0;
}

.list-btn {
    .van-button {
        width: 45%;
        margin-right: 2%;
        float: right;
    }
}

.wt-card {
    margin: 0.4rem;
    background: #fff;
    overflow: hidden;
    border-radius: 0.3rem;
    padding: 0.4rem;
    box-shadow: 0 0 0.2rem #ccc;
    border-bottom: 0.1rem solid #ccc;
}


.icons-warp {
    border-radius: 25px;

    .float-icon-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 50px;
        height: 50px;

        img {
            width: 25px;
            height: 25px;
            margin-bottom: 3px;
        }

        span {
            font-size: 9px;
            color: #666666;
        }
    }
}

</style>
